<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>登录 - 我们的平台</title>
    <!-- 引入Bootstrap CSS -->
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.3/css/bootstrap-grid.css" rel="stylesheet">
    <style>
        body {
            background: #f8f9fa;
        }
        .login-form {
            max-width: 400px;
            margin: 100px auto;
            padding: 20px;
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,.5);
        }
        .btn-block {
            margin-top: 20px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="login-form">
        <form method="POST" action="/loginPost">
            @csrf
            <fieldset>
                <legend class="text-center">欢迎回来，请登录</legend>
                <div class="form-group">
                    <label for="email">邮箱地址</label>
                    <input type="email" class="form-control" id="email" name="email" placeholder="请输入您的邮箱地址">
                    @error('email')
                    <div class="text-danger">{{ $message }}</div>
                    @enderror
                </div>
                <div class="form-group">
                    <label for="password">密码</label>
                    <input type="password" class="form-control" id="password" name="password" placeholder="请输入您的密码">
                    @error('password')
                    <div class="text-danger">{{ $message }}</div>
                    @enderror
                </div>
                <button type="submit" class="btn btn-primary btn-block">登录</button>
            </fieldset>
        </form>
        @if ($errors->any())
            <ul class="mt-3 list-unstyled text-danger">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        @endif
    </div>
</div>

<!-- 引入Bootstrap JS和依赖 -->
</body>
</html>
